{% extends 'home/login.html' %}

{% block con %}
<!-- 主内容区域 -->
<div id="content" class="content">  
	<div class="container-fluid"> 
		<div class="banner-box hidden-xs hidden-sm">
			<div class="container"> 
				<form id="mainForm" class="main-form" method='post'>
					{% csrf_token %}
					<div class="tab-title">
						<a class="linkABlue" id="toTelRegister" href="javascript:void(0)">
						注册 Flyme 账号
						</a>
					</div>
					<div class="tip-box visiblility-hidden">
						<button type="button" class="close" data-dismiss="alert" aria-label="Close">
							<i class="glyphicon glyphicon-exclamation-sign"></i>
							<span class="tip-font">请输入合法的用户名</span>
							<span aria-hidden="true" class="cha">&times;</span>
						</button>
					</div>
					<div class="normalInput cycode-box fieldInput" id="cycode-box">
						<div class="cycode-selectbox">
							<input class="ipt-account inp-focus" name="username" id="account" maxlength="50" placeholder="请输入用户名" autocomplete="off">
						</div>
					</div>
					<div class="normalInput fieldInput passwd-box">
						<input class="inp-focus" name="password" id="password" maxlength="16" placeholder="请输入密码" autocomplete="off" type="password">
				   	</div>
				   	<div class="normalInput cycode-box fieldInput" >
						<div class="cycode-selectbox" style="position:relative;">
							<input class="ipt-account inp-focus" name="vcode"  maxlength="50" placeholder="请输入注册码" autocomplete="off">
							<img src="{% url 'getvcode' %}" onclick="this.src='{% url 'getvcode' %}'+'?'+Math.random() " style="position:absolute;top:10px;right:0px;">
						</div>
					</div>
	
					<!-- <a id="nextStep" class="fullBtnBlue register-btn" data-step="1">立即注册</a> -->
					<button>立即注册</button>
					<div class="transferField">
						<a class="go2register linkABlue" href="{% url 'login' %}" id="toLogin">登录</a>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<!-- 主内容区域  E-->

{% endblock %}